﻿<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <title>制造工业</title>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate icon" type="image/png" href="images/favicon.png">
    <link rel='icon' href='favicon.ico' type='image/x-ico' />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/default.min.css?t=227" />
    <link rel="stylesheet" href="css/amazeui.css" />
    <style>
        .chm-product-attr {
            color: rgb(153, 153, 153) !important;
            font-size: 0.5rem !important;
        }

        .chm-product-attr-content {
            color: rgb(51, 51, 51) !important;
            font-size: 1.6rem !important;
            margin-left: 30px !important;
            padding-left: 20px !important;
        }

        .chm-product-attr-content.price {
            color: rgb(255, 0, 54) !important;
            font-size: 2rem !important;
        }
    </style>
    <!--[if (gte IE 9)|!(IE)]><!-->

    <script type="text/javascript" src="lib/jquery/jquery.min.js"></script>

    <!--<![endif]-->
    <!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
    <script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
    <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
    <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
    <script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
    <script type="text/javascript" src="js/main.min.js?t=1"></script>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>

</head>

<body>
    <header class="header">
        <div class="header-container">
            <div class="header-div pull-left">
                <a class="header-logo">
                    <img src="images/logo.png" />
                </a>
                <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">&#xe68b;</button>
            </div>


            <nav>
                <ul class="header-nav am-collapse">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="about.html">关于我们</a>
                    </li>
                    <li class="on">
                        <a href="product_list.html">产品中心</a>
                    </li>
                    <li>
                        <a href="new_list.html">新闻动态</a>
                    </li>
                    <li>
                        <a href="case_list.html">产品应用</a>
                    </li>
                    <li>
                        <a href="contact.html">联系我们</a>
                    </li>
                </ul>
                <div class="header-serch  am-hide-md-down">
                    <input type="text" name="name" value="" />
                    <em class="font">&#xe632;</em>
                </div>
            </nav>


        </div>
    </header>

    <div class="com-banner">
        <img src="images/index_banner.jpg" />
    </div>
    <div class="com-container">
        <div class="cms-g">
            <div class="am-hide-sm-only am-u-md-3 am-u-lg-3">
                <div class="com-nav-left">
                    <h1>
                        <em>产品中心</em>
                        <i>PRODUCT</i>
                    </h1>
                    <ul class="tab">
                        <li id="chm-tab1" class="on">
                            <a href="javascript:void(0)">自动售货机（单电机）</a>
                        </li>
                        <li id="chm-tab2">
                            <a href="javascript:void(0)">自动售货机（双电机）</a>
                        </li>
                        <li id="chm-tab3">
                            <a href="javascript:void(0)">物联网</a>
                        </li>
                        <li id="chm-tab4">
                            <a href="javascript:void(0)">勤美纸巾</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-9 am-u-lg-9 tab1 tab-content">
                <div class="com-nav-title">
                    <a href="#doc-oc-demo1" class="font am-show-sm-only" data-am-offcanvas>&#xe68b;</a>
                    <span>CM-301</span>
                    <ol class="com-position am-show-md-up">
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#">产品中心</a>
                        </li>
                        <li>
                            <a href="#">多货道单电机</a>
                        </li>
                    </ol>
                </div>
                <div class="product-info">
                    <div class="am-u-sm-12 am-u-md-6">
                        <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{&quot;animation&quot;:&quot;slide&quot;,&quot;controlNav&quot;:&quot;thumbnails&quot;}'>
                            <ul class="am-slides">
                                <li data-thumb="images/product_info_CM301_01.jpg">
                                    <img src="images/product_info_CM301_01.jpg">
                                </li>
                                <li data-thumb="images/product_info_CM301_01.jpg">
                                    <img src="images/product_info_CM301_01.jpg">
                                </li>
                                <li data-thumb="images/product_info_CM301_01.jpg">
                                    <img src="images/product_info_CM301_01.jpg">
                                </li>
                                <li data-thumb="images/product_info_CM301_01.jpg">
                                    <img src="images/product_info_CM301_01.jpg">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6">
                        <div>
                            <ul style="line-height: 2.5 ">
                                <li>
                                    <span class="chm-product-attr">价格</span>
                                    <span class="chm-product-attr-content price">3000元</span>
                                </li>
                                <li>
                                    <span class="chm-product-attr">型号</span>
                                    <span class="chm-product-attr-content model">CM-301</span>
                                    <li>
                                        <span class="chm-product-attr">数量</span>
                                        <span class="chm-product-attr-content count">
                                            <button id="chm-product-sub" class="am-badge am-badge-primary">-</button>
                                            <!-- <input type="text" size="2" value="1"style="border:none; " required input onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')"> -->
                                            <span id="chm-product-count" style="padding: 5px">1</span>
                                            <button id="chm-product-add" class="am-badge am-badge-primary">+</button>
                                        </span>
                                    </li>
                                    <li>
                                        <a id="chm-product-buy" class="am-btn am-btn-danger" style="margin-left: 15%;margin-top: 30px;padding: 10px 50px;">点击购买</a>
                                    </li>
                            </ul>
                        </div>
                    </div>
                    <div class="am-u-sm-12  am-u-md-12">
                        <div class="product_tabs">
                            <div class="am-tabs" data-am-tabs>
                                <ul class="am-tabs-nav am-nav am-nav-tabs">
                                    <li class="am-active">
                                        <a href="#tab1">详细说明</a>
                                    </li>
                                    <li>
                                        <a href="#tab2">产品参数</a>
                                    </li>
                                    <li>
                                        <a href="#tab3">用户评价</a>
                                    </li>
                                    <li>
                                        <a href="#tab4">售后服务</a>
                                    </li>
                                </ul>
                                <div class="am-tabs-bd">
                                    <div class="am-tab-panel am-fade am-in am-active" id="tab1">

                                    </div>
                                    <div class="am-tab-panel am-fade" id="tab2">
                                        <div class="prodct-info-canshu">
                                            <ul>
                                                <li>
                                                    <span>外观尺寸：</span>90*38*20</li>
                                                <li>
                                                    <span>驱动方式：</span>双电机马达</li>
                                                <li>
                                                    <span>通信方式：</span>2G移动网络</li>
                                                <li>
                                                    <span>整体功率：</span>3w</li>
                                                <li>
                                                    <span>库存容量：</span>4货道100包</li>
                                                <li>
                                                    <span>输出电压：</span>100-240VAC 50-60Hz</li>
                                                <li>
                                                    <span>工作电压及电流：</span>12V 5A</li>
                                                <li>
                                                    <span>耗电量：</span>0.15度/天</li>
                                                <li>
                                                    <span>整体重量：</span>25KG</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="am-tab-panel am-fade" id="tab3">
                                        用户评价1
                                    </div>
                                    <div class="am-tab-panel am-fade" id="tab4">
                                        <div class="prodct-info-canshu">
                                            <ul>
                                                <li>
                                                    <span>公司电话：</span>021-63538447</li>
                                                <li>
                                                    <span>公司传真：</span>021-63538448</li>
                                                <li>
                                                    <span>公司地址：</span>上海市静安区天目西路547号A座(逸天阁)1005室部</li>
                                                <li>
                                                    <span>联系电话：</span>廖先生 13801753396</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="cms-g">
            <div class="footer">
                <ul>
                    <li>
                        <a href="#">
                            <span>网站地图</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>访问统计</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>友情链接</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>法律申明</span>
                        </a>
                    </li>
                </ul>
                <span style="color:#fff;">
                    <a href="http://www.haothemes.com/" target="_blank" title="勤台">上海勤台自动化设备有限公司 沪ICP备xxxxxxx号</a>
                </span>
            </div>
        </div>
    </footer>

    <script type="text/javascript" src="js/product_info.js"></script>

</body>

</html>